<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        /* 块级元素可以自己设置宽高 */
        div{
            background-color: aqua;
            width: 200px;
            height: 200px;
        }
        /* 行内非替换元素的宽高完全是由内容决定 因此不可以设置宽高 */
        span{
            background-color: bisque;
            /* 设置宽高是不会生效的 */
            width: 200px;
            height: 200px;
        }
        /* 虽然img是行内级元素，但也是个替换元素，总称行内替换元素 */
        /* 行内替换元素：
            1、和其他的行内元素同行显示
            2、可以设置宽度和高度 
           video，input也是行内替换元素
        */
        img{
            width: 200px;
            height: 200px;
        }
    </style>
</head>
<body>
    <div>我是div元素</div>
    <span>我是span元素</span>

    <img src="../images/gouwujie01.jpg" alt="">
</body>
</html>